﻿<UserControl Name="Root" x:Class="VectorRacer.PlayerLayer"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <UserControl.Resources>
        <Style x:Key="MoveEllipseStyle" TargetType="Ellipse">
            <Setter Property="Fill" Value="Green" />
            <Setter Property="Opacity" Value="0.5" />
            <Setter Property="Margin" Value="3" />
            <Setter Property="Width" Value="14" />
            <Setter Property="Height" Value="14" />

            <Style.Triggers>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter Property="Fill" Value="Red" />
                </Trigger>

                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Opacity" Value="1" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>

    <Canvas>

        <Path Stroke="Black" StrokeThickness="2">
            <Path.Data>
                <PathGeometry>
                    <PathFigure x:Name="_pathFigure">
                    </PathFigure>
                </PathGeometry>
            </Path.Data>
        </Path>
        <Border x:Name="_nextMovePreview" Width="40" Height="40">
            <Canvas>
                <Ellipse x:Name="_nextMove11" Style="{StaticResource MoveEllipseStyle}" Canvas.Top="-10" Canvas.Left="-10" />
                <Ellipse x:Name="_nextMove12" Style="{StaticResource MoveEllipseStyle}" Canvas.Top="-10" Canvas.Left="10" />
                <Ellipse x:Name="_nextMove13" Style="{StaticResource MoveEllipseStyle}" Canvas.Top="-10" Canvas.Left="30" />
                <Ellipse x:Name="_nextMove21" Style="{StaticResource MoveEllipseStyle}" Canvas.Top="10" Canvas.Left="-10" />
                <Ellipse x:Name="_nextMove22" Style="{StaticResource MoveEllipseStyle}" Canvas.Top="10" Canvas.Left="10" />
                <Ellipse x:Name="_nextMove23" Style="{StaticResource MoveEllipseStyle}" Canvas.Top="10" Canvas.Left="30" />
                <Ellipse x:Name="_nextMove31" Style="{StaticResource MoveEllipseStyle}" Canvas.Top="30" Canvas.Left="-10"  />
                <Ellipse x:Name="_nextMove32" Style="{StaticResource MoveEllipseStyle}" Canvas.Top="30" Canvas.Left="10"  />
                <Ellipse x:Name="_nextMove33" Style="{StaticResource MoveEllipseStyle}" Canvas.Top="30" Canvas.Left="30" />
            </Canvas>
        </Border>
    </Canvas>
</UserControl>
